
import './password1.css';
import {useState } from 'react';
import Minput from './input';
export default (prop:any) => {
	const [show,setShow] =  useState(true);
	const name = prop.config.prop	
	const {placeholder,tooltip,label,widht} = prop.config
  return (
	<Minput 
	name={name}
	width={widht}
	label={label}
	tooltip={tooltip}
	placeholder={placeholder}
	type={show?'password':'text'}>	
		<div className="passwod1" onClick={()=>{
			setShow(!show)
		}}>
			<div className={show?'eye show':'eye'}></div>
		</div>
	</Minput>
   
  );
};

